<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<html>

	<head>
		<meta charset="UTF-8">
		<title>大成交</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../web/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../web/css/css.css"/>
		<link rel="stylesheet" type="text/css" href="../../web/css/iconfont.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <h1 class="mui-title">大成交-当日重点的关注票</h1>
		</header>
		<div class="mui-content">
		    <div class="content-hangqing">
				<div class="gradeX" th:each="tag,resultStat:${todayVolumeExceedingBillion}" >
					<div class="hangqing-nr"  >
						<ul>
							<li class="hangqing-nr-li01">
								<span  th:text="${tag.companyName}" style="font-family:arial;color:red;font-size:20px;"></span>
<!--								<span th:text="${tag.companyName}">/-->
<!--										<a class="hangqing-span" th:text="${tag.bk}"></a>-->
<!--								</span>-->

								<span>&nbsp;&nbsp;&nbsp;<span class="hangqing-span"  th:text="${tag.bk}" style="font-family:'Nirmala UI';font-size:15px;font-weight: bold;">002670</span></span>
							</li>

							<li class="hangqing-nr-li02">
								<span th:text="${tag.marketCapitalization}+'亿'" style="font-weight: bold;" ></span>
								<input type="button" name="" id="" th:value="${tag.zhangDie} + '%'" style="font-weight: bold;"/>
								<i class="iconfont">&#xe612;</i>
							</li>
						</ul>
					</div>

					<div class="hangqing-nr-nr" border="0" >
						<a th:text="${tag?.ztDesc}" style="font-family:arial;color:red;font-size:15px;">  </a>
						<a th:if="${#strings.startsWith(tag.companyCode,'6')} " >
							<img  style="max-width: 100%; height: auto;" th:src="@{'http://image.sinajs.cn/newchart/daily/n/sh'+${tag.companyCode}+'.gif'}" >
						</a>
						<a th:if="${#strings.startsWith(tag.companyCode,'0')} " >
							<img style="max-width: 100%; height: auto;"  th:src="@{'http://image.sinajs.cn/newchart/daily/n/sz'+${tag.companyCode}+'.gif'}">
						</a>
						<a th:if="${#strings.startsWith(tag.companyCode,'3')} " >
							<img style="max-width: 100%; height: auto;"  th:src="@{'http://image.sinajs.cn/newchart/daily/n/sz'+${tag.companyCode}+'.gif'}">
						</a>
<!--						<table border="0" cellspacing="" cellpadding="">-->
<!--							<tr>-->
<!--								<th>24H量<span class="taoliqingdan">套利清单</span></th>-->
<!--								<th>高</th>-->
<!--								<th>低</th>-->
<!--							</tr>-->

<!--							<tr>-->
<!--								<td>10000.00000</td>-->
<!--								<td>0.45</td>-->
<!--								<td>0.41</td>-->
<!--							</tr>-->
<!--						</table>-->
					</div>
			</div>
		    </div>
		    <div style="height: 5em;"></div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="/web/">
				<i class="iconfont"><img src="../../web/img/qianbao.png"/></i>
				<p class="mui-tab-label mui-active">主页</p>
			</a>
			<a class="mui-tab-item" href="/web/hangqing" >
				<i class="iconfont"><img src="../../web/img/hangqing2.png"/></i>
				<p class="mui-tab-label">大成交</p>
			</a>
			<a class="mui-tab-item" href="/web/faxian">
				<i class="iconfont"><img src="../../web/img/faxian.png"/></i>
				<p class="mui-tab-label">消息</p>
			</a>
			<a class="mui-tab-item" href="/web/wode">
				<i class="iconfont"><img src="../../web/img/wode.png"/></i>
				<p class="mui-tab-label">我的</p>
			</a>
		</nav>
		<script src="../../web/js/jquery-1.12.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../web/js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script type="text/javascript">
			mui('body').on('tap','a',function(){
				document.location.href=this.href;
			})
		</script>
		<script type="text/javascript">
			$(function(){
				$('.hangqing-nr').click(function(){
					if($(this).attr("class") == 'hangqing-nr dianjicolor'){
						$(this).removeClass('dianjicolor');
						$(this).next().slideUp('fast');
						$(this).children().children().next().children().next().next().html("&#xe612;");
					}else{
						$(this).addClass('dianjicolor');
						$(this).next().slideDown();
						$(this).children().children().next().children().next().next().html("&#xe608;");
					}
				});
			});
		</script>
	</body>

</html>